
.m-padded-mini
{
    padding: 0.2rem !important;
}
.m-padded-tiny
{
    padding: 0.3rem !important;
}
.m-padded
{
    padding: 1rem !important;
}
.m-padded-tb-mini
{
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
}
.m-padded-tb-tiny
{
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
}
.m-padded-tb-small
{
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
.m-padded-tb
{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.m-padded-tb-large
{
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}
.m-padded-tb-big
{
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}
.m-padded-tb-huge
{
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}
.m-padded-tb-massive
{
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}
.m-padded-lr-responsive
{
    padding-left: 4em !important;
    padding-right: 4em !important;
}


/*******************text*****************/
.m-text
{
    font-weight: 300 !important;
    letter-spacing: 1px !important;
    line-height: 1.8;

}
.m-text-thin
{
    font-weight: 300 !important;
}
.m-text-spaced
{
    letter-spacing: 1px !important;
}
.m-text-lined
{
    line-height: 1.8;
}
/*******************margin*****************/
.m-margin-top-small
{
    margin-top: 0.5em !important;
}
.m-margin-top
{
    margin-top: 1em !important;
}
.m-margin-top-large
{
    margin-top: 2em !important;
}
.m-margin-tb-tiny
{
    margin-top: 0.3em !important;
    margin-bottom: 0.3em !important;
}
.m-margin-bottom-small
{
    margin-bottom: 0.5em !important;
}
/*******************opacity*****************/

.m-opacity-mini
{
    opacity: 0.8 !important;
}
.m-opacity-tiny
{
    opacity: 0.6 !important;
}
/*******************position*****************/
.m-right-top
{
    position: absolute;
    top: 0;
    right: 0;
}
.m-fixed
{
    position: fixed !important;
    z-index: 10 !important;
}
.m-right-bottom
{
bottom: 0 !important;
right: 0 !important;
}
/*******************display*****************/
.m-inline-block
{
    display: inline-block !important;
}
/*******************shadow*****************/
.m-shadow-small{
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important ;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}
/*******************images*****************/
.m-image-tiny
{
    width: 30px;
    height: 30px;
}
.m-image-small
{
    width: 100px;
    height: 100px;
}

.m-image-huge
{
    width: 400px;
    height: 140px;
}
/*******************container*****************/
.m-container
{
    max-width: 72em !important;
    margin: auto !important;
}
.m-container-small
{
    max-width: 54em !important;
    margin: auto !important;
}
/*******************color*****************/
.m-black
{
color: #333 !important;
}



.m-mobile-show
{
    display: none !important;
}
/*******************媒体查询*****************/
@media screen and (max-width:768px)
{
.m-mobile-hide
{
    display: none !important;
}
    .m-mobile-show
    {
        display: block !important;
    }
    .m-padded-lr-responsive
    {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .m-padded-lr-clear
    {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .m-mobile-wide
    {
        width: 100% !important;
    }
}



